<template>
	<div>
		<el-row :gutter="20">
			<el-col :span="6" class='col'>
				<div class="grid-content bg-purple" style="height: 50px;">
					<span style="font-size: 16px;">店铺编号/名称</span><span>
						<el-input style="width: 200px;" v-model="number"></el-input>
					</span>
				</div>
			</el-col>
			<el-col :span="6" class='col'>
				<div class="grid-content bg-purple" style="height: 50px;">
					<span>行业</span>
					<span>
						<el-select v-model="value" placeholder="请选择">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</span>
				</div>
			</el-col>
			<el-col :span="6" class='col'>
				<div class="grid-content bg-purple" style="height: 50px;">
					<el-row>
						<el-button type="primary" round>查询</el-button>
						<el-button type="warning" round @click='clear'>重置</el-button>
					</el-row>
				</div>
			</el-col>
		</el-row>
		<div style="margin-top: 10px;">
			<el-table :data="tableData" style="width: 100%">
				<el-table-column prop="storenumber" label="店铺编号" width="180">
				</el-table-column>
				<el-table-column prop="storename" label="店铺名称" width="180">
				</el-table-column>
				<el-table-column prop="storeindustry" label="店铺行业">
				</el-table-column>
				<el-table-column prop="storeaddress" label="店铺地址">
				</el-table-column>
				<el-table-column prop="phone" label="联系电话">
				</el-table-column>
				<el-table-column prop="promoterID" label="推广人ID">
				</el-table-column>
				<el-table-column prop="Level" label="权益级别">
				</el-table-column>
				<el-table-column prop="saleroom" label="销售额">
				</el-table-column>
				<el-table-column label="操作" width="400">
					<particulars></particulars>
				</el-table-column>
			</el-table>

		</div>

	</div>
</template>

<script>
	import particulars from './components/Itemdetails.vue'
	export default {
		components: {
			particulars,

		},
		data() {
			return {
				number: '',
				options: [{
					value: '',
					label: ''
				}],
				value: '',
				tableData: [{
						storenumber: '01',
						storename: '王小虎',
						storeindustry: '网吧',
						storeaddress: '上海市普陀区金沙江路 1518 弄',
						phone: '15573745015',
						promoterID: '143621',
						Level: '一级权益',
						saleroom: '10000',
					},
					{
						storenumber: '01',
						storename: '王小虎',
						storeindustry: '网吧',
						storeaddress: '上海市普陀区金沙江路 1518 弄',
						phone: '15573745015',
						promoterID: '143621',
						Level: '一级权益',
						saleroom: '10000',
					},
					{
						storenumber: '01',
						storename: '王小虎',
						storeindustry: '网吧',
						storeaddress: '上海市普陀区金沙江路 1518 弄',
						phone: '15573745015',
						promoterID: '143621',
						Level: '一级权益',
						saleroom: '10000',
					},
					{
						storenumber: '01',
						storename: '王小虎',
						storeindustry: '网吧',
						storeaddress: '上海市普陀区金沙江路 1518 弄',
						phone: '15573745015',
						promoterID: '143621',
						Level: '一级权益',
						saleroom: '10000',
					},
				],
			}
		},
		methods: {
			clear(){
				
			}
		}
	}
</script>

<style>
	.col {
		text-align: center;
		line-height: 50px;
	}

	.bg-purple {
		background-color: white;
		height: 40px;
	}
</style>
